.screen-page {
    background: #fafdff;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    position: absolute;
    box-shadow: 0 0 toRem(20) #333;
    z-index: 1;
    &.top-layer{
        z-index: 2;
    }
    /*滚动条宽度*/
     ::-webkit-scrollbar {
        width: 5px;
        border-radius: 2px;
    }
    /* 轨道样式 */
     ::-webkit-scrollbar-track {}
    /* Handle样式 */
     ::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background: rgba(0, 0, 0, 0.2);
    }
    /*当前窗口未激活的情况下*/
     ::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(0, 0, 0, 0.1);
    }
    /*hover到滚动条上*/
     ::-webkit-scrollbar-thumb:vertical:hover {
        background-color: rgba(0, 0, 0, 0.3);
    }
    /*滚动条按下*/
     ::-webkit-scrollbar-thumb:vertical:active {
        background-color: rgba(0, 0, 0, 0.7);
    }
}